*{
	margin: 0px;
	padding: 0px;
}
#box {
	width: 100%;
	margin: 0 auto;
}

.headNav {
	width: 100%;
	background-color: #f7f7f7;
	height: 30px;
}

.headNavRbox {
	float: right;
	line-height: 30px;
	width: 630px;
}

.headNavRbox a {
	text-decoration: none;
	color: black;
	font-size: 12px;
	border-right: solid 1px #000;
	font-weight: bold;
	padding: 0px 15px;
}

.headNavRbox a:last-child {
	border: none;
}

.gnb_nav {
	margin: 0 auto;
	height: 80px;
	width: 100%;
	line-height: 80px;
	background-color: #fff;
	position: relative;
}

.gnb_nav_float {
	float: left;
}

.gnb_nav_img img {
	margin-left: 50px;
	width: 95px;
	height: 15px;
}

.gnb_nav_center,
.gnb_nav_righ {
	margin-left: 60px;
	font-weight: bolder;
	font-size: 14px;
	cursor: pointer;
}

.gnb_nav_center li {
	margin-right: 8px;
	padding: 5px 12px;
	list-style: none;
	border-radius: 15px;
}

.gnb_nav_center li,
.gnb_nav_righ li {
	display: inline;
}

.gnb_nav_righ {
	float: right;
	margin-right: 75px;
	position: relative;
}

.gnb_nav_righ input {
	width: 220px;
	height: 30px;
	vertical-align: middle;
	padding-left: 10px;
	border-radius: 20px;
	border: solid 1px #cacaca;
	margin-right: 13px;
	outline-color: #1890ff;
}

.icon-gouwuche {
	font-size: 23px;
	vertical-align: middle;
	font-weight: bolder;
	margin-right: 20px;
}

.dosearch {
	display: inline;
	position: relative;
}

.dosearch img {
	width: 18px;
	height: 18px;
	position: absolute;
	left: -45px;
	margin-top: 33px;
}

#show {
	width: 100%;
	height:0px;
	background-color: #fff;
	position: absolute;
	top:70px;
	left: 0px;
	display: block;
	padding: 0 60px 0 50px;
	box-sizing: border-box;
	transition-duration: 0.4s;
	overflow: hidden;
	z-index: 99;
}

#zzc {
	width: 100%;
	height: 100%;
	position: fixed;
	display: none;
	z-index: 50;
	left: 0px;
	top: 110px;
	background-color: rgba(0, 0, 0, 0.3);
}

#show_conten_header h1 {
	display: inline;
}

#show span#cancelshow {
	float: right;
	cursor: pointer;
	font-size: 40px;
}

.show_nav_conten {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.showNavone {
	width: 280px;
	float: left;
}

.showNavtwo {
	width: 320px;
	height: 100%;
	padding-left: 80px;
	float: left;
}

.showNavtwoson {
	width: 100%;
	display: none;
	animation: bounceInLeft 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.showNavthree {
	width: 400px;
	float: left;
	padding-left: 70px;
	padding-bottom: 20px;
	line-height: 36px;
	border-left: solid 2px #cacaca;
	box-sizing: border-box;
}

.showNavone li,
.showNavtwo li {
	list-style: none;
	font-size: 18px;
	height: 53px;
	line-height: 53px;
	cursor: pointer;
}

.showNavone li span img {
	float: right;
	width: 20px;
	height: 20px;
	line-height: 20px;
	padding-top: 13px;
	display: none;
	animation: bounceInLeft 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translate3d(-100px, 0, 0);
	}

	100% {
		transform: translate3d(0px, 0, 0);
	}
}

.showNavtwo li:hover {
	font-weight: bold;
}

.showNavtwo li span {
	font-weight: 100;
	font-size: 12px;
	background-color: #0381fe;
	border-radius: 100%;
	color: #fff;
	padding: 1px 2px;
	vertical-align: top;
	margin-left: 5px;
}

#advertisebox {
	border-radius: 10px;
	cursor: pointer;
	width: 330px;
	height: 330px;
	overflow: hidden;
}

.showNavthree img {
	width: 100%;
	height: 100%;
	transition: all 0.2s;
}

#advertisebox:hover img {
	transform: scale(1.06);
}

.showNavthree a {
	cursor: pointer;
	font-weight: bold;
}

.showNavthree a#lianjie {
	border-bottom: solid 2px #000;
}

#hang{
	background-color: blue;
	width: 100%;
	height:111px;
}
#Homepage-1{
	margin-top: 20px;
	font-size: 14px;
	color: #b9b9b9;
	margin-left: 30px;
	font-weight: 600;
}
#Homepage-1>a{
	color: #b9b9b9;
	text-decoration: none;
}
#Homepage-1>a:hover{
	color: #4298fe;
}
.centre-box{
	width: 100%;
	height: 700px;
	margin-top: 30px;
	overflow: hidden;
	display: flex;
}
.centre-box>:first-child{
	width: 170px;
	height: 700px;
	background-color: #fff;
	border-radius: 20px;
	margin-left: 20px;
}
#aeddrs{
	height: 700px;
	width: 980px;
	background-color:#fff;
	margin-left: 10px;
	border-radius: 20px;
	overflow: hidden;
}
.centre-boxson1{
	width:980px;
	height:238px;
	display: flex;
}
.centre-boxson1>:first-child{
	width: 378px;
	height: 238px;
	background-color: #fff;
	border-radius: 20px;
	overflow: hidden;
}
.centre-boxson1>:last-child{
	width: 590px;
	height: 110px;
	border-radius: 20px;
	margin-left: 10px;
	background-color: #fff;
	display: flex;
	overflow: hidden;
}
#sidebar-box{
	margin-top:20px;
	margin-left: 37px;
}
#sidebar-box>div>a{
	text-decoration: none;
	color: #000;
	font-size: 14px;
}
#sidebar-box>div{
	margin-top: 10px;
}
#sidebar-box>p{
	font-size: 25px;
}
#Profile-photo{
	width: 378px;
	height: 118px;
	overflow: hidden;
}
#Profile-photo>img{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-top: 55px;
	margin-left: 40px;
}
#Profile-photo>a{
	position: absolute;
	margin-left: 10px;
	margin-top: 50px;
}
#Profile-photo>button{
	margin-left: 10px;
	width: 100px;
	height: 25px;
	background-color: #000;
	cursor: pointer;
	color: #fff;
	border-radius: 20px;
}
#coupons-Collect>:nth-child(2){
	margin-top: 20px;
	width:278px ;
	color: #4298fe;
}
#coupons-Collect>:nth-child(3){
	font-size: 14px;
	width:278px ;
}

#masgg{
	width: 900px;
	height: 100px;
	border-bottom: solid 1px #bebebe;
	margin-left: 40px;
	overflow: hidden;
}
#masgg>p{
	margin-top: 30px;
	font-size: 25px;
}
#tutu{
	width: 100%;
	text-align:center;
	border-radius: 50px;
	margin-top: 50px;
}
#tutu>img{
	border-radius: 50%;
}
#tutu>a{
	margin-top: 5px;
	text-decoration: none;
	color: #4298fe;
}
#putin>div>input{
	width: 300px;
	height: 35px;
	background-color: #f5f7fa;
	border-radius: 4px;
	border: solid 1px #ccc;
	padding-left: 15px;
}
.choose{
	margin-right: 350px;
	padding-top: 10px;
	float: right;
	width: 300px;
}
.choose .radio {
	position: relative;
	display: inline-block;
	font-weight: 400;
	color: #0c4757;
	padding-left: 20px;
	cursor: pointer;
}

.choose .radio input {
	position: absolute;
	left: -9999px;
}

.choose .radio i {
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	width: 15px;
	height: 15px;
	outline: 0;
	border: 1px solid #e4e4e4;
	background: #ffffff;
	border-radius: 50%;
	transition: border-color .3s;
	-webkit-transition: border-color .3s;
}

.choose .radio input+i:after {
	position: absolute;
	content: '';
	top: 3px;
	left: 3px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #228aff;
	opacity: 0;
	transition: opacity .1s;
	-webkit-transition: opacity .1s;
}

.choose .radio input:checked+i:after {
	opacity: 1;
}
.checkds{
	margin-left: 30px;
}
.a-1{
	margin-left: 5px;
	margin-top: -10px;
}
.time{
	margin-left: 268px;
}
.Id{
	cursor: not-allowed;
}
#putin>div{
	color: #6f7174;
	font-size: 14px;
	font-weight: 600;
	margin-top: 20px;
}
#putin>a{
	display: inline-block;
	margin-top: 30px;
	margin-left: 5px;
}
#putin>input{
	margin-top: 30px;
}

#set-up>:nth-child(1){
	margin-top: 40px;
	width: 90px;
	height: 35px;
	background-color:#000;
	border: solid 1px #000;
	border-radius:20px;
	color: #fff;
	text-align: center;
	margin-left: 330px;
	cursor: pointer;
}
#set-up>:nth-child(2){
	width: 130px;
	height: 35px;
	background-color: #fff;
	border-radius: 20px;
	border: solid 1px #000;
	text-align: center;
	margin-left: 10px;
	cursor: pointer;
}
#acount-1>div{
	height: 140px;
	width: 900px;
	margin-left: 40px;
	border-bottom: solid 1px #a9a093;
	overflow: hidden;
}
#box-s1>a{
	display: inline-block;
	margin-top:30px;
	font-size: 25px;
}
#box-s1>div{
	width: 10px;
	height: 20px;
	margin-top: 40px;
	border-right: solid 3px #a9a093;
}
#tuarsd{
	margin-top: 40px;
	margin-left: 25px;
}
#msg{
	margin-top: 40px;
	margin-left: 30px;
	font-size: 17px;
}
#acount-2>:nth-child(3)>button{
	margin-top: 55px;
	margin-left: 370px;
	width: 100px;
	height: 35px;
	color: #fff;
	border-radius: 20px;
	text-align: center;
	background-color: #000;
}
#acount-4>:nth-child(2){
	margin-top: 40px;
	margin-left: 30px;
}
#acount-4>:nth-child(3){
	margin-left: 15px;
	margin-top: 45px;
}
#bnt{
	margin-top: 50px;
	margin-left: 20px;
	width: 100px;
	height: 30px;
	background-color: #000;
	border-radius: 20px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
#acounson{
	margin-top: 20px;
	margin-left: 25px;
}
.BOX2{
	width:100%;
	height:495px;
	border-bottom: solid 1px #d9d9d9;
	background-color: #ffffff;
	margin-top: 80px;
}
.BOX3{
	float: left;
	width: 754px;
	height: 182px;
}
.BOX4{
	float: left;
	width: 385px;
	height: 197px;
}
.BOX4>img{
	margin-top: 58px;
	margin-left:109px;
}
.BOX4>p{
	font-size: 15px;
	margin-top: 15px;
	margin-left: 140px;
}
.BOX5{
	float: left;
	width: 369px;
	height: 197px;
}
.BOX5>img{
	margin-top: 58px;
	margin-left: 40px;
}
.BOX5>p{
	margin-top: 15px;
	margin-left:77px;
	width: 279px;
}
.BOX7{
	float: left;
	display: flex;
	margin-top: 15px;
	width: 392px;
	height:297px;
	border-right: solid 1px #d9d9d9;
}
.BOX7>div{
	width:90px;
	height:175px;
	margin-left: 102px;
}
.BOX7>:first-child>p>a:link{
	font-size: 12px;
	text-decoration: none;
}
.BOX7>div>p{
	margin-top: 10px;
	color: #000;
}
.BOX7>:first-child>p>a:hover{
	color: #0000FF;
	text-decoration:underline;
}
.BOX7>:last-child>p>a:link{
	font-size: 12px;
	text-decoration:none;
}
.BOX7>div>p>a{
	color: #000;
}
.BOX7>:last-child>p>a:hover{
	color: #0000FF;
	text-decoration:underline;
}
.BOX8{
	float: left;
	display: flex;
	margin-top: 15px;
	width: 361px;
	height:297px;
	border-right: solid 1px #d9d9d9;
}
.BOX8>div{
	width:100px;
	height:175px;
	margin-left: 102px;
}
.BOX8>div>p>a{
	color: #000;
}
.BOX8>:first-child>p>a:link{
	font-size: 12px;
	text-decoration: none;
}
.BOX8>div>p{
	margin-top: 10px;
}
.BOX8>:first-child>p>a:hover{
	color: #0000FF;
	text-decoration:underline;

}
.BOX8>:last-child>p>a:link{

	font-size: 12px;
	text-decoration:none;
}
.BOX8>:last-child>p>a:hover{
	color: #0000FF;
	text-decoration:underline;

}
.BOX9{
	float: right;
	width: 436px;
	height: 494px;

}
.BOX10{
	width: 436px;
	height: 259px;
}
.BOX11{
	margin-left: 93px;
	width: 72%;
	height: 140px;
	border-bottom: solid 1px #d9d9d9;
}
.BOX11>img{
	margin-top: 58px;
	margin-right: 20px;
	margin-bottom: -20px;
}
.BOX12{
	margin-left: 93px;
	width: 72%;
	height: 119px;
	border-bottom: solid 1px #d9d9d9;
}
.BOX12>img{
	margin-top:35px;
}
.BOX12>div{
	float: right;
	margin-right: 40px;
	margin-top:30px ;
}
.BOX13{
	width: 436px;
	height: 235px;
}
.BOX13>img{
	float: right;
	margin-top: -30px;
}
.BOX13>div{
	font-size: 17px;
	padding-top:60px;
	padding-left: 100px;
}
.BOX13:last-child>div>p{
	margin-top:-50px;
	font-size: 14px;
}
.BottomBox{
	width:100%;
	height: 100px;
	background-color: #ffffff;
	overflow: hidden;
}
.BottomBox>:first-child{
	margin-top: 20px;
}
.BottomBox>div{
	display: flex;
	font-size: 12px;
}
.BottomBox>div>img{
	margin-top: 20px;

}
.BottomBox>:nth-child(2)>p{
	height:20px;
	margin-top: 20px;
}
#baobox{
	width:100%;
	height: 530px;
}
#baobox>:first-child{
	margin: 0 auto;
	width: 1200px;
}
#adressd>:first-child{
	display: flex;
	height:90px;
	width: 900px;
	margin-left: 40px;
	border-bottom: solid 1px #bebebe;
}
#ads>:nth-child(1){
	font-size: 25px;
	margin-top: 25px;
}
#ads>:nth-child(2){
	font-size: 15px;
	margin-top: 35px;
	color:  #535353;
	margin-left: 15px;
}
#ads>button{
	background-color: #000;
	width: 110px;
	height: 35px;
	text-align: center;
	color: #fff;
	border-radius: 20px;
	margin-left: 560px;
	margin-top: 30px;
}
#receiving-1{
	width: 900px;
	height: 120px;
	background-color: #f9f9f9;
	display: flex;
	border-radius: 10px;
	margin-left: 40px;
	margin-top: 20px;
}
#receiving-1>:nth-child(1){
	margin-top: 9px;
	margin-left: 10px;
	color: #535353;
}
#receiving-1>:first-child>p{
	margin-top: 10px;
}
#receiving-son{
	margin-left: 500px;
	margin-top: 30px;
	cursor: pointer;
}
#receiving-son>:nth-child(1){
	border-radius: 20px;
	background-color: #fff;
	font-size: 16px;
	text-align: center;
	border: solid 1px #000;
	cursor: pointer;
	width: 110px;
	height: 35px;
}
#receiving-son>:nth-child(3){
	width:50px;
	border:none;
	background-color:#f9f9f9;
	margin-top: 5px;
	height: 20px;
	margin-left:3px;
	cursor: pointer;
}
#receiving-son>:nth-child(5){
	width:50px;
	border:none;
	background-color:#f9f9f9;
	margin-top: 5px;
	height: 20px;
	cursor: pointer;
}
#a-2{
	display: inline-block;
	width: 1px;
	height: 9px;
	background-color: #6f7174;
	margin-top: 10px;
}
#collects{
	width: 900px;
	height: 90px;
	margin-left: 40px;
	border-bottom: solid 1px #bebebe;
	overflow: hidden;
}
#collects>p{
	margin-top: 30px;
	font-size: 25px;
}
#gods{
	display: flex;
	margin-left:40px;
	text-align: center;
}
#gods>div{
	margin-top:35px;
	width: 300px;
	height:350px;
	border-right: solid 1px #bebebe;
}
#gods>div>img{
	margin-top:50px;
}
#boxss>div{
	margin-left: 10px;
	margin-top:10px;
	font-size: 10px;
	background-color: #1673ff;
	color: #fff;
	border-radius: 20px;
	height:17px;
	width:40px;
}
#gods>div>:nth-child(3){
	margin-top: 30px;
	font-weight: 900;
}
#gods>div>:nth-child(4){
	margin-top: 30px;
	font-weight: 600;
	color: #004098;
}
#orderss{
	width: 800px;
	height: 350px;
	border: solid 1px #ccc;
	border-radius: 10px;
	margin-left:85px;
	margin-top: 20px;
	overflow: hidden;
}
#orderss>:first-child{
	width:800px;
	height: 70px;
	background-color: #f7f7f7;
	overflow: hidden;
	display: flex;
}
#box-s2{
	width: 400px;
	margin-top: 15px;
	margin-left: 10px;
}
#buuot{
	margin-left: 340px;
	height: 70px;
	width: 50px;
	border: none;
	background-color: #f7f7f7;
	color: #1673ff;
	cursor: pointer;

}
#box-s3{
	margin-left: 20px;
	display: flex;
}
#box-s3>div{
	margin-top: 10px;
	margin-left: 15px;
}
#box-s3>:nth-child(3){
	margin-top: 20px;
	margin-left:120px;
	color: #004098;
}
#box-s3>:nth-child(4){
	margin-top: 20px;
	margin-left: 120px;
}
#acount-5{
	width: 150px;
	height:280px;
	float: right;
	overflow: hidden;
	border-left: solid 1px #ccc;
}
#acount-5>div{
	font-size: 13px;
	text-align: center;
	margin-top: 7px;
}
#acount-5>:first-child{
	color: #004098;
}
#acount-6{
	display: flex;
	font-size:15px;
	margin-top: 20px;
}
#acount-6>:first-child{
	margin-left: 20px;
	color: #6f7174;
}
#acount-6>:nth-child(2){
	margin-left: 20px;
	color: #6f7174;
}
#acount-6>:nth-child(3){
	color: #004098;
	margin-left: 320px;
}
#acount-6>:nth-child(4){
	margin-left:130px;
}
#acount-7{
	display: flex;
	font-size:15px;
	margin-top: 20px;
}
#acount-7>:first-child{
	margin-left: 20px;
	color: #6f7174;
}
#acount-7>:nth-child(2){
	margin-left: 20px;
	color: #6f7174;
}
#acount-7>:nth-child(3){
	margin-left: 310px;
}
.baozi{
	width: 100%;
}
.baozi>:first-child{
	width: 1200px;
	margin: 0 auto;
}
.a-2{
	color: #228aff;
	text-decoration: none;
	margin-left: 10px;
}
.a-2:hover{
	text-decoration: underline;
}
.bcakg{
	background-color: rgba(0, 0, 0, 0.4);
	width: 100%;
	height:100vh;
	position: fixed;
	z-index: 1;
	display: none;
	top: 0px;
	right: 0px;
}
.revise{
	margin: 0 auto;
	background-color: #fff;
	border-radius: 30px;
	width:650px;
	height: 350px;
	margin-top:100px;
}
.nick{
	font-size: 25px;
	margin-left: 280px;
	margin-top: 40px;
}
.but{
	width: 200px;
	background-color: #000;
	color: #fff;
	border-radius: 30px;
	height: 35px;
	font-size: 17px;
	text-align: center;
	cursor: pointer;
	margin-left: 240px;
	margin-top: 35px;
}
.inputnicname>input{
	width: 300px;
	height: 35px;
	border: solid 1px #cacaca;
	border-radius: 4px;
	padding-left: 10px;
	color: #606266;
	margin-left: 180px;
	margin-top: 25px;
	outline-color: #1673ff;
}
#but{
	width: 20px;
	height: 20px;
	background-color: #fff;
	margin-left: 610px;
	margin-top: 20px;
	border: none;
	cursor: pointer;
	color: #606266;
	font-size: 25px;
}
.show{
	background-color: rgba(0, 0, 0, 0.4);
	width: 100%;
	height:100vh;
	position: fixed;
	z-index: 1;
	display: none;
	top: 0px;
	right: 0px;
}
.ShowBox{
	background-color: #fff;
	width:600px;
	height: 140px;
	margin: 0 auto;
	margin-top: 100px;
}
.Box{
	display: flex;
}
.Box>p{
	margin-top: 20px;
	margin-left: 20px;
}
#buttonbox{
	background-color: #ffff;
	border: none;
	width: 20px;
	height: 20px;
	cursor: pointer;
	font-size: 20px;
	margin-top: 20px;
	margin-left: 480px;
}
.buttons{
	margin-top: 40px;
	height: 35px;
	width: 100px;
	border: solid 0.1px #188ffe;
	position: absolute;
	top: -40px;
	left: -1px;
	opacity: 0;/*设置纯透明*/
}
#index:hover{
	background-color: #188ffe;
	color: #fff;
}
#index{
	height: 35px;
	width: 100px;
	top: 40px;
	left: 20px;
	border: solid 0.1px #188ffe;
	position: relative;
	background-color: #e6f2fe;
	color: #188ffe;
	border-radius: 2px;
	margin-left: 20px;
	text-align: center;
	line-height: 37px;
	border-radius: 4px;
}
#ShowMe{
	background-color: rgba(0, 0, 0, 0.4);
	width: 100%;
	height:100vh;
	position: fixed;
	z-index: 1;
	display: none;
	top: 0px;
	right: 0px;
}
#ShowMeson{
	width: 400px;
	height: 300px;
	border-radius: 30px;
	background-color: #fff;
	margin: 0 auto;
	margin-top: 150px;
}
#ShowMeson div{
	margin-top: 35px;
	margin-left: 360px;
	font-size: 25px;
	cursor: pointer;
}
#ShowMeson p{
	margin-top: 20px;
	margin-left: 160px;
	font-size: 18px;
}
#ok-img{
	margin-left: 160px;
	margin-top: 70px;
}

